<template>
  <!-- 定义一个占据24列的列布局（宽度24是充满当前布局） -->
  <el-col :span="24">
    <!-- 定义一个垂直导航菜单 -->
    <el-menu
      active-text-color="#ffd04b"
      background-color="#545c64"
      class="el-menu-vertical-demo"
      default-active="/proLineException"
      text-color="#fff"
      router="true"
    >

      <el-menu-item index="/proLineException">
        <el-icon><Collection /></el-icon>
        <span>产线异常汇总</span>
      </el-menu-item>

      <el-menu-item index="/reasonAnalysis">
        <el-icon><icon-menu /></el-icon>
        <span>异常原因分析</span>
      </el-menu-item>

      <el-menu-item index="/runAnalysis" class="hidden-item">
        <!-- 使用图标组件显示菜单图标 -->
        <el-icon><icon-menu /></el-icon>
        <!-- 显示菜单项的标题文字 -->
        <span>运行分析</span>
      </el-menu-item>

      <!-- 定义一个菜单项，索引为3，禁用状态 -->
      <el-menu-item index="/singleAnalysis" class="hidden-item">
        <!-- 使用图标组件显示文档图标 -->
        <el-icon><document /></el-icon>
        <!-- 显示菜单项的标题文字 -->
        <span>单文件分析</span>
      </el-menu-item>


      <el-menu-item index="/aggregateAnalysis" class="hidden-item">
        <el-icon><ElementPlus /></el-icon>
        <span>汇总分析</span>
      </el-menu-item>

    <el-menu-item index="/infoQuery" class="hidden-item">
        <el-icon><Search /></el-icon>
        <span>信息查询</span>
      </el-menu-item>
    
    <el-menu-item index="/proLine" class="hidden-item">
      <el-icon><Setting /></el-icon>
      <span>产线维护</span>
    </el-menu-item>

    <el-menu-item index="/parameterExplanation" class="hidden-item">
        <el-icon><Collection /></el-icon>
        <span>界面解释</span>
      </el-menu-item>


    </el-menu> <!-- 菜单栏结束标签 -->
    
  </el-col>
</template>

<script lang="ts" setup>
// 导入 Element Plus 图标组件
import {
  Document,
  Menu as IconMenu,Collection,Search,Setting,
  ElementPlus,
} from '@element-plus/icons-vue'
import router from '../router/router';

</script>

<style scoped>
.hidden-item {
  display: none;
}
</style>